Adding a Smart Object to a Web page

Smart Objects provide an easy way to incorporate Adobe Photoshop, Illustrator, and LiveMotion images on your Web pages. The general procedure for any kind of Smart Object is similar: drag a Smart Object icon from the Smart tab of the Objects palette to your Web page and set the Smart Object's source file.

To add a Smart Object to your Web page:

1 Click the Smart Object tab of the Objects palette.

2 Drag a Smart Object icon for the type of Smart Object you're creating (Adobe Photoshop, Illustrator, or LiveMotion) from the Smart tab of the Objects palette to your Web page.

3 Select the Smart Object placeholder, and click the Browse button () next to the Source text box in the Smart Image Inspector.

4 Select the desired image file and click Open.

For detailed instructions on the rest of the process, which differs for each image type, see Linking to Photoshop files, Linking to Illustrator files, and Linking to LiveMotion files.

Note: The Smart tab of the Objects palette only displays Smart Object icons for programs you have installed on your computer.

Images and Page Design > Adding a Smart Object to a Web page